﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>旅游记忆</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>

<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">旅行，从乐途网开始！</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-envelope"></i>蜗牛，欢迎您！</li>
					<li><a href="#">登出</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
	
		<!-- Page Title -->
		<div id="page-title">
			<h2>风景如画的美丽草原</span></h2>
			<div id="bolded-line"></div>
		</div>
		<!-- Page Title / End -->

	</div>
</div>
<!-- 960 Container / End -->


<!-- Blog Posts
================================================== -->
<!-- 960 Container -->
<div class="container">

<div class="twelve columns">
	
	<!-- Post -->
	<div class="post post-page">
		<div class="post-img picture"><a href="images/blog-img-01-large.jpg" rel="image" title="Beatiful Mountain Ladscape"><img src="images/blog-img-01.jpg" alt="" /><div class="image-overlay-zoom"></div></a></div>
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="friendMemory_reply.html">风景如画的美丽草原</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>2013年3月1日</span> <span><i class="mini-ico-user"></i>发布人： <a href="#">徒步旅行者</a></span> <span><i class="mini-ico-comment"></i><a href="#">12 条回复</a></span></div>
			<div class="post-description">
				<p>希拉穆仁草原是蜚声中外的旅游胜地，它南迎呼和浩特的暖风，北聆百灵庙的铃声，因清王朝赐名的“普会寺”喇嘛如屹立河畔，又名召河。草原的夏秋，香花遍野，芳草依依，迷人的美景使人心旷神怡。羊、马、牛、驼，一群群，一片片，或疾驰，或漫游，象彩霞在天际飘动，也像仙女撒下的珍珠、玛瑙，落在银链般的希拉穆仁河两岸。在牧民的蒙古包里，好客的蒙古族主人将会捧出鲜洁的奶食，肥美的羊肉，爽口的炒米，醇香的奶茶待客，草原食品那特有的风味将透入您的心田。
空中草原　空中草原位于河北省涞源盆地和蔚县盆地之间，涞源县城西北26公里。分南北两块，中间由一道山梁相连，总面积29平方公里，分别隶属于蔚县、涞源县、灵丘县。 草原在一个巨大的平顶山的山顶，海拔2158米，山体四周是陡峻的山坡，山顶面积却达3.6万亩，坦荡如砥，绿草如茵，野花遍地的大草原，习习凉风吹碧海花浪，朵朵白云抚地游走，可“手摸白云天，脚踏花草地” 。</p>
			</div>
		</div>
	</div>
	
	<!-- Comments -->
	<div class="headline no-margin"><h4>回复 <span class="comments-amount">(4)</span></h4></div>
	<br />
	<div class="comments-sec">
		<table>
		    <tr>
			    <td width="50px">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
				</td>
				<td width="20px"><td>
				<td>
					<div class="comment-by"><strong>洋葱</strong><span class="date">2012年10月10日</span></div>
				    <p>测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测</p>		
				</td>
			</tr>
			<tr>
			    <td width="50px">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
				</td>
				<td width="20px"><td>
				<td>
					<div class="comment-by"><strong>洋葱</strong><span class="date">2012年10月10日</span></div>
				    <p>测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测</p>		
				</td>
			</tr>
			<tr>
			    <td width="50px">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
				</td>
				<td width="20px"><td>
				<td>
					<div class="comment-by"><strong>洋葱</strong><span class="date">2012年10月10日</span></div>
				    <p>测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测</p>		
				</td>
			</tr>
			<tr>
			    <td width="50px">
					<div class="avatar"><img src="http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=50" alt="" border="0" /> </div>
				</td>
				<td width="20px"><td>
				<td>
					<div class="comment-by"><strong>洋葱</strong><span class="date">2012年10月10日</span></div>
				    <p>测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测试测试测试试测测试测</p>		
				</td>
			</tr>
		</table>
    </div>
	<div class="clear"></div>
				
	<!-- Add Comment -->
	<div class="headline no-margin"><h4>回复</h4></div>
		<div class="form-spacer"></div>
		<!-- Form -->
		<div id="contact-form">
			<form method="post" />				
				<div class="field">
					<label>内容: <span>*</span></label>
					<textarea class="text textarea"></textarea>
				</div>
				
				<div class="field">
					<input type="button" id="send" value="回复" />
				</div>
				
			</form>
		</div>
	
</div>


<!-- Widget
================================================== -->
<div class="four columns">

	<!-- Search -->
	<div class="widget first">
		<div class="headline no-margin"><h4>查询</h4></div>
		<div class="search">
			<input type="text" onBlur="if(this.value=='')this.value='';" onFocus="if(this.value=='')this.value='';" value="" class="text" />
		</div>
	</div>
	
	
	<!-- Categories -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日新闻</h4></div>
            <p>
            <p>
			<marquee behavior="scroll" direction="up" width="150" height="100px" loop="-1" scrollamount="1.5" scrolldelay="0" >
                    <a href="#">在有生的瞬间能遇到你</a><br>
                    -------------------------------------<br>
                    <a href="#">竟花光所有运气</a><br>
                    -------------------------------------<br>
                    <a href="#">到最后才发现竟呼吸过空气</a><br>
                    -------------------------------------<br>
            </marquee>
	</div>
    
    <!-- Popular Posts -->
	<div class="widget">
		<div class="headline no-margin"><h4>好友推荐</h4></div>
		<table>
            <tr>
                <td height="70px">
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-01.png" alt="" /></a>
                        <p><a href="#">刀刀</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
            <tr height="70px">
                <td>
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-02.png" alt="" /></a>
                        <p><a href="#">阿狸</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
            <tr height="70px">
                <td>
                    <div class="latest-post-blog">
                        <a href="#"><img src="images/popular-post-03.png" alt="" /></a>
                        <p><a href="#">汤姆</a> <span>3013-06-01</span></p>
                    </div>
                </td>
            </tr>
        </table>

	</div>
    
    <!-- Popular Posts -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日天气</h4></div>
		<table>
            <tr>
                <td height="70px">
                    <img src="images/weather.png" alt="" />
                </td>
            </tr>
        </table>

	</div>
</div>

</div>
<!-- 960 Container / End -->

</div>
<!-- Wrapper / End -->

<!-- Footer
================================================== -->

<!-- Footer Start -->
<div id="footer">
	<!-- 960 Container -->
	<div class="container">

		<!-- Footer / Bottom -->
		<div class="sixteen columns">
			<div id="footer-bottom">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>

	</div>
	<!-- 960 Container / End -->

</div>
<!-- Footer / End -->

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>